<!--
 * @Author: 汪军 624473119@qq.com
 * @Date: 2023-10-11 11:53:19
 * @LastEditors: 汪军 624473119@qq.com
 * @LastEditTime: 2023-10-12 14:04:56
 * @FilePath: \ekee-web\src\components\EnterpriseCenterTitle.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template lang="pug">
div.table-row-delete
  div.title.flex.justify-center.bold 确认删除吗？
  div.flex.justify-center.mt4.mb4
    el-button.btn(type="primary" size="large" plain round @click="onDeleteCancel") 取消
    el-button.btn(type="primary" size="large" round @click="onDeleteConfirm") 确认
</template>

<script setup>
import { ref } from "vue";

const emits = defineEmits(["cancel", "confirm"]);

// 取消
const onDeleteCancel = (item) => {
  emits("cancel", item);
};

// 确认
const onDeleteConfirm = (item) => {
  emits("confirm", item);
};
</script>

<style lang="stylus" scoped>
.table-row-delete
  .title 
    margin-bottom: 32px;
    font-size: 24px;
  .btn
    width: 178px;
</style>
